<template>
  <div class="body">
    <header>
      <van-nav-bar title="清洁"  left-arrow   @click-left="onClickLeft">
        <van-icon name="search" slot="right"/>
      </van-nav-bar>
    </header>
    <section>
      <div class="main">
        <div class="left" v-for="(item,i) in plist" :key="i">
          <div class="top">
            <img :src="item.picture.picPath" alt="">
          </div>
          <div class="left">
            <div class="thing">{{item.sname}}</div>
            <div class="price">会员价：￥{{item.sprice}}</div>
          </div>
        </div>
      


      </div>
    </section>
  </div>
</template>
<script>
import Axios from "axios"
export default {
  name: "CleanPage",
  data() {
    return {
     
      plist:[]
    }
  },
  methods: {
    onClickLeft(){
      this.$router.go(-1)
    }
  },
   mounted() {
      let that = this
      let id = this.$route.query.id
      Axios({
          url:'http://10.8.158.60:8080/shopAll.do',
          params:{status:id}
      }).then(function(data){
          that.plist = data.data.msg.listAll
      })
  },
};
</script>
<style scoped>
.body{
  display:flex;
  height:100%;
  flex-direction: column;
}
header{
  height: 45px;
}
section{
flex: 1;
overflow: auto;
}
.main{
  display: flex;
  flex-wrap: wrap;

}
.left{
  display:flex;
  flex-direction:column;
  justify-content: space-between;
  margin:15px;
  text-align: center
}
.left img{
  width: 152px;
  height: 152px;
  border-radius: 10px
}
</style>
